// When color definition differs for dark and light variant,
// it gets @if ed depending on $variant

@import 'color-palette';
$grey_850: #303030; // extra color from Material Design Guidelines
$google_blue_color:   #4285F4;
$google_green_color:  #34A853;
$google_yellow_color: #FBBC05;
$google_red_color:    #EA4335;

@function gtkalpha($c, $a) {
  @return unquote("alpha(#{$c}, #{$a})");
}

// Foreground colors
$dark_fg_color:  rgba(black, 0.87);
$light_fg_color: white;

$fg_color:                    if($variant == 'light', rgba(black, 0.87), white);
$button_fg_color:             if($variant == 'light', rgba(black, 0.62), rgba(white, 0.8)); // extra fg color for raised buttons
$secondary_fg_color:          if($variant == 'light', rgba(black, 0.54), rgba(white, 0.7));
$hint_fg_color:               if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$disabled_fg_color:           if($variant == 'light', rgba(black, 0.38), rgba(white, 0.5));
$disabled_secondary_fg_color: if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$track_color:                 if($variant == 'light', rgba(black, 0.26), rgba(white, 0.3));
$divider_color:               if($variant == 'light', rgba(black, 0.12), rgba(white, 0.12));

$titlebar_fg_color:                    if($titlebar == 'light', rgba(black, 0.87), white);
$titlebar_secondary_fg_color:          if($titlebar == 'light', rgba(black, 0.54), rgba(white, 0.7));
$titlebar_hint_fg_color:               if($titlebar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar_disabled_fg_color:           if($titlebar == 'light', rgba(black, 0.38), rgba(white, 0.5));
$titlebar_disabled_secondary_fg_color: if($titlebar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar_track_color:                 if($titlebar == 'light', rgba(black, 0.26), rgba(white, 0.3));
$titlebar_divider_color:               if($titlebar == 'light', rgba(black, 0.12), rgba(white, 0.12));

$inverse_fg_color:                    white;
$inverse_secondary_fg_color:          rgba(white, 0.7);
$inverse_hint_fg_color:               rgba(white, 0.5);
$inverse_disabled_fg_color:           rgba(white, 0.5);
$inverse_disabled_secondary_fg_color: rgba(white, 0.3);
$inverse_track_color:                 rgba(white, 0.3);
$inverse_divider_color:               rgba(white, 0.12);

// Background colors
$bg_color:             if($variant == 'light', #F2F2F2, #282828);
$base_color:           if($variant == 'light', #FFFFFF, #303030);
$alt_base_color:       if($variant == 'light', #FAFAFA, #2C2C2C);
$popup_bg_color:       if($variant == 'light', #FFFFFF, #424242);
$alt_lighter_bg_color: if($variant == 'light', #EEEEEE, #303030); // for gnome-shell sub menu
$button_bg_color:      if($variant == 'light', #FAFAFA, #424242);

$titlebar_bg_color: if($titlebar == 'dark', #383838, #E0E0E0);

$panel_bg_color:         rgba($black, 0);
$alt_panel_bg_color:     rgba($black, 0.6);
$inverse_panel_bg_color: rgba($inverse_fg_color, 0.1);
$solid_panel_bg_color:  $grey_850;
$opaque_panel_bg_color: if($titlebar == 'dark', $grey_800, mix($grey_200, $grey_400, 50%)); // for Unity panel which cannot use translucent colors

$gdm_bg_color: $grey_800;

$fill_color:      gtkalpha(currentColor, 0.24);
$semi_fill_color: gtkalpha(currentColor, 0.12);
$row_fill_color:  gtkalpha(currentColor, 0.06);

// Misc colors
$primary_color:         $blue_600;
$alt_primary_color:     $light_blue_A200;
$secondary_color:          $blue_A200;
$disabled_secondary_color: rgba($secondary_color, 0.5);

$link_color:         $primary_color;
$visited_link_color: $purple_A200;

$warning_color: $google_yellow_color;
$error_color:   $google_red_color;
$success_color: $google_green_color;

$suggested_color:   $secondary_color;
$destructive_color: $google_red_color;

$info_bg_color:     $google_green_color;
$question_bg_color: $google_blue_color;
$warning_bg_color:  $google_yellow_color;
$error_bg_color:    $google_red_color;

$tooltip_bg_color: rgba(#616161, 0.9);
$tooltip_fg_color: white;

$border_color:             if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$alt_border_color:         rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight_color:          if($variant == 'light', rgba(white, 0.4),  rgba(white, 0.1));
$titlebar_highlight_color: if($titlebar == 'dark', rgba(white, 0.1),  rgba(white, 0.4));
$alt_highlight_color:      rgba(white, 0.2); // for selection-mode headerbar which colored with $primary_color
$titlebar_indicator_color: if($titlebar == 'dark', currentColor, $primary_color);

// FIXME: Electron/Atom menu does not allow translucent colors
$opaque_fg_color:           if($variant == 'light', $grey_900, $white);
$opaque_secondary_fg_color: if($variant == 'light', $grey_600, mix($white, $popup_bg_color, percentage(0.7)));
$opaque_disabled_fg_color:  if($variant == 'light', $grey_500, mix($white, $popup_bg_color, percentage(0.5)));
$opaque_divider_color:      if($variant == 'light', $grey_300, mix($white, $popup_bg_color, percentage(0.12)));

// FIXME: gtk @placeholder_text_color does not allow translucent colors
$placeholder_text_color: if($variant == 'light', $grey_600, mix($white, $base_color, percentage(0.7)));
